 
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
}

body,html{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

a{
	text-decoration: none;
}

/*#body_container{
	position: relative;
	width: 100%;
	height: 100%
}
*/

 .pic_content{
    width: 950px;
    height: 1000px;
    margin: 50px auto;
    text-align: left;
    padding: 0 5px;
    /*border:1px solid #DF3;*/
    
 } 
.pic_content a, .about{
	font-family: "微软雅黑";
	font-size: 14px;
}
 .pic_content .share{
    float: left;
    margin: 0 30px 16px 0;
    border-bottom: 1px solid #edebeb;
    position: relative;
}

.share h3 {
    padding: 14px 0px 14px 5px;
    background: #fff;
    position: relative;
    z-index: 2;
    font:normal 17px "微软雅黑";
	color: #444;
/*	top: 16px;*/
/*	background-color: aquamarine;*/
}

.share .about {
    position: absolute; 
    bottom: 10px;
    left: 0;
    z-index: 1;
    width: 100%;
    color: #a4a3a3;
    padding: 0px 0px 10px 5px;
}

.about a {
    background: url(../image/location.png) no-repeat;
	background-size: 18px;
	background-position: -3px 0;
    padding-left: 20px;
    margin-right: 10px;
	color: #666;
	font-size: 14px;
}

.up{
	animation:myup 1;
	animation-duration:0.6s;
	-webkit-animation:myup 1;
	-webkit-animation-duration:0.6s;
	animation-fill-mode: forwards;
}

.down{
	animation:mydown 1;
	animation-duration:0.6s;
	-webkit-animation:mydown 1;
	-webkit-animation-duration:0.6s;
	animation-fill-mode: forwards;
}

@keyframes myup
{
	from {top:0px;}
	to {top:-38px;}
}

@-webkit-keyframes myup /* Safari and Chrome */
{
	from {top:0px;}
	to {top:-38px;}
}

@keyframes mydown
{
	from {top:-38px;}
	to {top:0px;}
}

@-webkit-keyframes mydown /* Safari and Chrome */
{
	from {top:-38px;}
	to {top:0px;}
}